<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function btn(){
            location.href='insertUser';
        }

        //全选和非全选的功能
        function checkAll(){
           // var demo=document.getElementById("demo");
           // console.log(demo.style);
            var box=document.getElementsByName("ids");
            if(box[0].checked){
                console.log("选中了");
                for(var i=0;i<box.length;i++){
                    box[i].checked=true;
                }
                document.getElementById("btn").disabled="";
            }else{
                console.log("没有选中");
                for(var i=0;i<box.length;i++){
                    box[i].checked=false;
                }
                document.getElementById("btn").disabled="disabled";
            }

        }
        //监控循环中的每一条数据
        function checkOne(){
            var box=document.getElementsByName("ids");
            var result=false;//判断结果的
            for(var i=1;i<box.length;i++){
                if(box[i].checked==false){//至少有一条数据没有选中
                    result=true;//至少有一条数据没有选中
                    break;
                }
            }
            if(result){
                box[0].checked=false;
            }else{
                box[0].checked=true;
            }

            var result1=false;//用来判断是否有一条数据选中，看是不是需要开启删除的按钮
            for(var i=1;i<box.length;i++){
                if(box[i].checked){
                    result1=true;
                    break;
                }
            }
            if(result1){
                document.getElementById("btn").disabled="";//开启
            }else{
                document.getElementById("btn").disabled="disabled";//禁用
            }
        }

        //删除数据
        function del(){
            var data="";
            var box=document.getElementsByName("ids");
            for(var i=1;i<box.length;i++){
                if(box[i].checked){
                    data+=box[i].value+",";
                }
            }
            if(confirm('你确定要删除id是'+data+'的数据吗?')){
                console.log('执行删除');
                location.href='deleteUser?ids='+data;
            }else{
                console.log('您取消了删除');
            }
        }
        //点击上一页和下一页事件的触发
        function pageInfo(pageIndex){
            //console.log(pageIndex);
            //var pageSize=10;
           // location.href='index?pageIndex='+pageIndex+"&pageSize="+pageSize
            document.getElementById("pageIndex").value=pageIndex;
            document.getElementById("pageSize").value=10;
            document.getElementById("form1").submit();

        }
    </script>
</head>
<body>
<div id="demo">

</div>
<#if list?? && (list?size > 0) >
<table border="1" width="700" height="500" align="center">
    <form action="index" method="get" id="form1">
    <tr><td colspan="2">名称:<input type="text" name="USER_NAME" value="${USER_NAME}"></td><td colspan="2">年龄:<input type="text" name="USER_AGE" value="${USER_AGE}"></td><td colspan="2">
        <input type="hidden" name="pageIndex" id="pageIndex" value="1">
            <input type="hidden" name="pageSize" id="pageSize" value="10">
            <input type="submit" value="查询" ></td></tr>
    </form>
    <tr><td><input type="checkbox" name="ids" onclick="checkAll();">全选/非全选</td><td>序号</td><td>ID号</td><td>用户名称</td><td>用户年龄</td><td>用户性别</td></tr>
    <#list list as user>
        <tr><td><input type="checkbox" name="ids" value="${user.USER_ID}" onclick="checkOne();"></td><td>${user_index+1}</td><td>${user.USER_ID}</td><td>${user.USER_NAME}</td><td>${user.USER_AGE}</td><td>${user.USER_SEX}</td></tr>
    </#list>
    <tr><td colspan="3"><a href="javascript:void(0);" onclick="btn();">点击我进行注册</a></td><td colspan="3"><input type="button" value="删除" id="btn" onclick="del();" disabled="disabled"></td></tr>
    <tr><td>
            <#if (pageIndex>1)>
            <a href="javascript:pageInfo(${pageIndex}-1);">上一页</a>
            </#if>
        </td><td>当前第${pageIndex}页</td><td>每页最大条数是:${pageSize}</td><td>总的页数:${totalPage}</td><td>总的数量:${totalCount}</td><td>
            <#if (pageIndex!=totalPage)>
                <a href="javascript:pageInfo(${pageIndex}+1);">下一页</a>
            </#if>

        </td></tr>
</table>
<#else>
<h1>暂无数据</h1>
</#if>

</body>
</html>